<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--CSS 可以通过以下方式添加到HTML中:-->
    <!--内联样式- 在HTML元素中使用"style" 属性-->
    <!--内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS-->
<!--外部引用 - 使用外部 CSS 文件-->
       <!--最好的方式是通过外部引用CSS文件.-->
    <title>html-css</title>
</head>
<!--背景色属性（background-color）定义一个元素的背景颜色：-->
<body sytle="background-color:yellow";>
<h2 style="background-color: red";>这是一个标题</h2>
<p style="background-color: green;">这是一个段落。</p>
<!--我们可以使用font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式:-->
<h1 style="font-family: Verdana;">一个标题</h1>
<p style="font-family: Arial;color: red;font-size: 20px;">一个段落。</p>
<!--使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式：-->
<h1 style="text-align: center;">居中对齐的标题</h1>
<p>这是一个段落</p>
</body>
</html>